<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <title>MFA后台</title>
</head>

<!-- 引入axios -->
<script src="https://cdn.bootcss.com/axios/0.19.0-beta.1/axios.min.js"></script>
<!-- 引入qs -->
<script src="https://cdn.bootcss.com/qs/6.5.2/qs.min.js"></script>
<!-- 引入样式vant -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.0/lib/index.css">

<!-- 引入组件vant vue-->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vant@2.0/lib/vant.min.js"></script>

<script src="https://cdn.bootcss.com/sass.js/0.11.0-beta.1/sass.js"></script>
<!-- 引用公共js -->
<script type="text/javascript"  src='./js/units.js'></script>
<!-- 引用当前页面css -->
<link rel="stylesheet" href="./css/login/login.css">
<body>
    <div id="app">
            <van-nav-bar
            title="标题"
            left-text="返回"
            right-text="按钮"
            left-arrow
            @click-left="onClickLeft"
            @click-right="onClickRight"
          />
    </div>
    <div class="aa">
        123
    </div>
</body>
</html>
<script>
    var vant = window.vant;
    var Vue = window.Vue
    new　Vue({
        el:'#app',
        data() {
            return {
                aa:'123'
            }
        },
        created() {
            console.log(this.aa)
            console.log(this.post)
            console.log(this.get)
        },
        methods: {
            onClickLeft() {
            Toast('返回');
            },
            onClickRight() {
            Toast('按钮');
            }
        },
    })

    console.log(vant)
    
    Vue.use(vant.NavBar);
    
    // 调用函数式组件
    vant.Toast('提示');

</script>
